
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>展示所有商品列表页面</title>
    <link href="/shop-app/include/header/header.html">
    <!--bootstrap-->
    <link href="/shop-app/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="/shop-app/js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="/shop-app/bootstrap/js/bootstrap.min.js"></script>
    <!--引入HttpUtil.js-->
    <script src="/shop-app/js/HttpUtil.js"></script>
    <script src="/shop-app/js/GoodsUtils.js"></script>
    <script src="/shop-app/js/GoodsTypeUtils.js"></script>
    <script src="/shop-app/js/UserCacheUtil.js"></script>
    <!-- 界面报icon找不到问题 -->
    <link rel="shortcut icon" href="#"/>
</head>
<body>
<!--导入页面公共头部-->
<!--<div class="Top_header"></div>-->


<!--  缩略图 start  -->
<nav class="navbar navbar-default col-xs-10 col-xs-offset-1">
    <div class="container ">
        <div class="row" style="height: 80px" >
            <!--     展示所有商品类别的模板 start       -->
            <ul class="nav nav-pills" id="show_allGoodsType" style="font-size: 25px">
<!--                <li role="presentation" class="active"><a href="#">商品类别</a></li>-->
<!--                <li role="presentation"><a href="#">商品类别</a></li>-->
<!--                <li role="presentation"><a href="#">商品类别</a></li>-->
<!--                <li role="presentation"><a href="#">商品类别</a></li>-->
<!--                <li role="presentation"><a href="#">商品类别</a></li>-->
            </ul>
            <!--     展示所有商品类别的模板 end       -->
        </div>

<!--        <div class="embed-responsive embed-responsive-16by9">-->
<!--            <iframe class="embed-responsive-item" src="/shop-app/goods/goodsAll.html"></iframe>-->
<!--        </div>-->

        <div class="row" id="show_allGoods">
            <!--     展示所有商品渲染的模板 start       -->
            <!--            <div class="col-sm-6 col-md-4">-->
            <!--                <div class="thumbnail">-->
            <!--                    <img src="..." alt="...">-->
            <!--                    <div class="caption">-->
            <!--                        <h3>Thumbnail label</h3>-->
            <!--                        <p>...</p>-->
            <!--                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--     展示所有商品渲染的模板 end       -->
        </div>
    </div><!-- /.container-fluid -->
</nav>
<!--  缩略图 end  -->


<script>

    //js加载公用页头
    // $(".Top_header").load("/shop-app/include/header.html");

    <!--  使用封装好的js工具渲染数据  -->
    $(showAllGoods);
    $(typeShow);

</script>

</body>
</html>